.recommend {
  flex: 5;
  min-width: 610px;
  height: 100%;
  overflow: hidden;
  ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    li {
      margin-bottom: 10px;
      width: 19%;
      .recommendInner {
        display: block;
        width: 100%;
        height: 115px;
        position: relative;
        overflow: hidden;
        img {
          position: absolute;
          width: 100%;
          height: 100%;
        }
        .particulars {
          position: absolute;
          z-index: 99;
          bottom: 0;
          width: 210px;
          height: 0px;
          color: #ffffff;
          transition: 0.5s;
        }
      }
      .recommendInner:hover .particulars {
        background-color: #000;
        opacity: 0.5;
        height: 115px;
        transition: 0.5s;
        color: #ffffff;
      }
    }
  }
}
